html {width: 100%;}

body {font-size: 100%; width: 100%; background: #000 url(/images/bg.jpg) repeat-x 0 0; margin: 0; padding: 0;}

h1 {font: px;}
h2 {font: normal 30px/100% Georgia, Arial, sans-serif; color: #643c1a;}
h3 {font: bold 18px/100% Georgia, Arial, sans-serif; color: #643c1a; margin: 0; padding-bottom: 10px;}

p {font: normal .95em/120% Georgia, Arial, sans-serif; color: #000; padding-bottom: 10px; margin: 0;}

a {color: #d70000;}
a:hover {text-decoration: none;}

th {font-size: 13px; padding-right: 5px;}

#wrapper {margin: 0 auto; width: 840px; background-color: #000; padding-bottom: 40px;}

#nav { width: 840px; height: 36px; background-color: #000; margin: 0; padding: 0; }
#nav ul { list-style: none; margin: 0; padding: 0; }
#nav ul li { float: left; text-decoration: none; display:inline; }
#nav ul li a {
  margin:0;
  display: block;
  font: bold 14px/100% Arial, Helvetica, sans-serif;
  color: #a4a4a4;
  border-left: 1px solid #a4a4a4;
  text-decoration: none;
  height: 20px;
  text-transform: uppercase;
  padding: 24px 22px 0 8px;
}
#nav ul li a:hover {background-color: #a4a4a4; color: #000;}
#nav ul li a.active { background-color:#c6c6c6; color:#000;}
.nav_last {border-right: 1px solid #a4a4a4;}

#header {
  background: url(/images/hdr_logo.jpg) no-repeat 0 0;
  width: 840px;
  height: 125px;
  margin: 0;
  padding: 0;
  position: relative;
}
#logolink {display:block; width: 446px; height: 116px; position: absolute; top: 0; left: 18px;}

#home_pic {width: 840px; height: 279px;}

#mission {text-align: center; padding: 15px 18px 0 18px;}
#mission p {font-size: 17px; line-height: 140%; color: #CCC;}

#content {width: 804px; padding: 0 18px;position:relative;}

#left_col  { width: 533px; float: left;  margin: 0; padding: 0; }
#right_col { width: 254px; float: right; margin: 0; padding: 0; }

#show_box {width: 533px; margin: 0; padding: 0;}
#show_info {float: left; width: 215px;}
#show_pic {float: right; border: 1px solid #633b1a;}

#news_box {width: 533px; margin: 0; padding: 0;}
.news_story {border-bottom: 1px dotted #6f0f0f; margin-bottom: 10px; padding-bottom: 5px;}

#calendar_box_home {width: 254px; margin: 0px; padding: 0;}
#hdr_calendar_home {padding: 20px 0 0 46px;}

#meeting_box {width: 254px; margin: 0; padding: 0;}
#hdr_meeting_home {font-size: 26px; padding: 24px 0 0 30px;position:absolute;top:360px;left:17px;}
#meeting_box h2 {font-size: 26px; padding-top: 21px;}
#meeting_box h3 {font-size: 16px;}

.event_info {border-bottom: 1px dotted #6f0f0f; margin-bottom: 10px; padding-bottom: 5px;}

#tickets {text-align: center; padding: 0; position:absolute; top:249px;left:70px;}
#tickets h2 {font-size: 18px; font-weight: bold; color: #6f0f0f; padding: 24px 0 0 0; line-height: 0%;}
#tickets h2 a, #tickets h2 a:hover { color: #6f0f0f;text-decoration:none; }
#tickets p {font-size: 16px; color: #6f0f0f; padding: 0; margin: 0;}
#tickets p a, #tickets p a:hover { color: #000; font-weight: bold; }
.ticket_price {color: #000; font-weight: bold;}

#footer { padding: 25px 0 0 20px; }
#footer p {color: #FFF; font-size: 15px;}
#footer a {color: #FFF;}
#footer a:hover {text-decoration: none;}


#bg_right_col_home, .left_content_top, .left_content, .right_content_top, .right_content { margin:0;padding:0; }
#bg_right_col_home {background: url(/images/bg_right_col_home.jpg) no-repeat 0 0; width:254px; height: 450px; padding: 0 20px 0 18px;position:relative;}
.left_content_top {background: url(/images/bg_left_top.gif) no-repeat 0 0; width: 533px; height: 69px;}
.left_content_top h2 {text-align: center; padding-top: 20px;}
.left_content {background: url(/images/bg_left.gif) repeat-y 0 0; width: 483px; padding: 10px 25px 20px 25px;}

.right_content_top {background: url(/images/bg_right_top.gif) no-repeat 0 0; width: 254px; height: 69px;}
.right_content_top h2 {text-align: center; padding-top: 20px;}
.right_content {background: url(/images/bg_right.gif) repeat-y 0 0; width: 216px; padding: 10px 20px 15px 18px;}

.clear {clear: both;}

.help_text { color:#8F8F8F; }
ul.not_offset { margin:0;padding:0 0 0 20px; }
ul.sortable_list, #show_dates, #audition_dates, #sponsors_list,
    #sortable_photos, #sortable_roles, #sortable_officers,
    #sortable_categories {
  list-style:none;margin:0;padding:0;
}
ul.sortable_list { width:150%; }

table { width:100%; }
/*table tbody tr td { padding:2px 6px; }*/
.odd { background-color:#DDC0A0; }
td.centered { text-align:center; }

.season {
  background-color:#DDC0A0;
  padding:0 10px 10px 10px;
  border:1px dotted #6f0f0f;
  margin-bottom:10px;
}

#map { width:450px;height:300px;border: 1px solid #633b1a; }
#admin p { color:#222;text-align:right; }
#admin p a { color:#222;text-decoration:none; }
#admin p a:hover { color:#444;text-decoration:underline; }
#credit p, #credit p a { color:#333; }
#credit p a:hover { color:#555; }
/* ---------------------------------------------------------------------- */
#calendar {}
#calendar h3 { padding-bottom:5px; }
table.calendar { width:220px;font-size:0.7em; }
table.calendar th { /*background-color:#FFF;*/border:0; }
table.calendar th.monthName { font-size:1.3em; }
table.calendar td {
  width:20px;
  height:22px;
  line-height:22px;
  border:1px solid #CCB;
  text-align:center;
  background:#FFF;
}
table.calendar td.otherMonth { background:#CCB;color:#6F6754; }
table.calendar td.today { background:#FFC;color:#222;font-weight:bold; }
table.calendar td.event_day { background:#2A2;color:#EEE; }
table.calendar td.show_day  { background:#2A2;color:#EEE; }

#calendar_nav { position:relative;height:40px; }
#calendar_nav p.left  { position:absolute;top:10px;left:0; }
#calendar_nav p.right { position:absolute;top:10px;right:0; }
/* ---------------------------------------------------------------------- */
#thumbnails, #thumbnail_window, #thumbnail_ul, .thumbnail_li {
  position:relative;margin:0;padding:0;
}
#thumbnail_ul, .thumbnail_li { height:180px;list-style:none; }
#thumbnails, #thumbnail_window { height:530px; }
#thumbnail_window { overflow:hidden;z-index:10; }
.thumbnail_li img { width:220px;border:1px solid #633b1a; }
#up_arrow_active, #up_arrow_inactive,
#down_arrow_active, #down_arrow_inactive { margin:0 auto;text-align:center; }
#up_arrow_inactive, #up_arrow_active img,
#down_arrow_inactive, #down_arrow_active img{ border:none;margin-left:5px; }
/* ---------------------------------------------------------------------- */
#photo_gallery_wrapper {}
#photo_gallery_footer { clear:both; }
.gallery_photo { float:left;margin:5px; }